<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Exercise 1</title>
        <link href="./index.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <div class="card">
            <!-- 请在这里添加你的代码 -->
            <div class="header">
                <img  class="avatar"src="../../public/avatar.png"/>
                <div class="data">
                <div style="font-size:18px">Lily</div>
                <div style="font-size:10px">2020-01-01</div>
                </div>  
                <img class="more"  src="../../public/more_vert.svg"/>
            </div> 
            <img class="pic" src="../../public/post.jpg"/>
            <div class="footer">
                <img class="lfs" src="../../public/thumb_up.svg"/>
                <p class="text">Like</p>
                <img class="lfs" src="../../public/favorite.svg"/>
                <p class="text">Fav</p>
                <img class="lfs" src="../../public/bookmark.svg"/>
                <p class="text">Save</p>
            </div>
        </div>
    </body>
</html>
